201203 Adobe MuseからDreamweaverへのお引っ越し完了

10月中旬に思いついたWEBページ製作ソフトを変更する件が一応終了しました。備忘録を兼ねて思い出を書いておきます。

まずはAdobeチュートリアルで概要のお勉強

Dreamweverチュートリアル→

中でも「レスポンシブなグリッドレイアウトの作成」が、HTMLとCSS記述の使い方を理解するのに便利でした。

HTMLとは、テキストボックス、文字、表、画像、リンクなど、WEBサイトに必要な部品を配置するための言語

CSSは、文字の色や背景色、配置などを自由に変更させることができる

この2点から、初耳だったので時間はかかりますよね！？

また、デスクトップやスマートフォンなど画面表示サイズが異なるのに、どうしたら良いのか分からなかったので大変重宝しました。

以下のWEB情報を参考にさせていただきました。感謝申し上げます。

ナビゲーションメニュー<全てのページに＞→CSSで横並びメニューの設置方法

CDの曲目表示に使用したアコーディオン<CDのページに＞→CSSだけでアコーディオンを作る

トップページに戻るボタン＜プロフィール・CDとkurattiniのページに＞→トップページへ戻るボタンを簡単5分で実装

この機能はデスクトップでは問題ないけれど、手持ちのiPhoneではボタンに触れてもトップページに戻ってくれないのが検討事項です。

https://gyazo.com/ef27678a6abf943451cfeb39e1ec32ee

と、この一ケ月何度となく放り出したくなりましたが、なんとかできて何よりです。

HTMLやCSSの記述法に重複した箇所や拙い箇所があろうかとは思いますが、デスクトップやiPhoneでなんとか見れるのでまずはこれでOKです！

見栄えはあまり変わらないけれど新装になった倉谷音楽事務所

https://gyazo.com/13b0273e2078ad4fda444ac310ae3575

これで、iMacのM1搭載機種が発表になれば安心してすぐにポチりますヨ！！